<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>人事管理</title>
    <link rel="stylesheet" href="../../js/element-ui/lib/theme-chalk/index.css">

</head>
<body>
<div id="app">
    <el-row>
        <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item><a href="/">人事管理</a></el-breadcrumb-item>
            <el-breadcrumb-item>员工信息</el-breadcrumb-item>

        </el-breadcrumb>
    </el-row>
    <el-row>
        <el-form label-width="80px">
            <el-row>
                <el-col span="8">
                    <el-form-item label="姓名">
                        <el-input/>
                    </el-form-item>
                </el-col>
                <el-col span="8">
                    <el-form-item label="学校">
                        <el-select v-model="school.selected">
                            <el-option v-for="sch in school.items" :value="sch.id" :label="sch.name"></el-option>
                        </el-select>
                    </el-form-item>
                </el-col>
                <el-col span="8">
                    <el-form-item label="学历" >
                        <el-select v-model="xueli.selected">
                            <el-option v-for="xl in xueli.items" :value="xl.id" :label="xl.name"></el-option>

                        </el-select>
                    </el-form-item>
                </el-col>

            </el-row>
            <el-row>row-2</el-row>

        </el-form>
    </el-row>
    <el-row>
        table
    </el-row>
</div>


</body>
<script src="../../js/vue.js"></script>
<script src="../../js/jquery.js"></script>
<script src="../../js/element-ui/lib/index.js"></script>
<script>

    new Vue({
        el:'#app',
        data:{
            list:[],
            school: {
                selected: 1,
                items:[
                ]
            },
            xueli:{
                selected: 1,
                items:[
                ]
            }
        },mounted(){
            var _this = this;

            $.ajax({
                url:'http://localhost:3000/dict/school/list',
                method:'get',
                dataType:'json',
                success:function (data) {
                    _this.school.items= data;
                }
            })

            $.ajax({
                url:'http://localhost:3000/dict/xueli/list',
                method:'get',
                dataType:'json',
                success:function (data) {
                    _this.xueli.items= data;
                }
            })

        }
    })

</script>
</html>